<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	request.setCharacterEncoding("UTF-8");
	String cp = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

<%-- jQuery버전에 맞는 js를 추가한다. --%>
<script type="text/javascript" src="<%=cp%>/data/js/jquery-1.8.2.min.js">
</script>

<script type="text/javascript">

<%--
	
	* function이 두개지만 javascript는 "진짜 환영합니다!" 하나만 띄움.
	
	window.onload = function(){
		
		alert("환영합니다!");
	}
	
	window.onload = function(){
		
		alert("진짜 환영합니다!");
	}
	
	* 아래 jQuery는 모든 function을 차례대로 실행함.
	
--%>	

	$(function(){
		alert("환영합니다!");
	});
	
	$(function(){
		alert("진짜 환영합니다!");
	});
	
	$(document).ready(function(){ //이건 $(function(){ 이것과 같다. 근데 길어서 이건 안쓴다.
		$(document.body).css("background","pink");
	});
	
	$(function(){
		$("<div><p>제이쿼리</p></div>").appendTo("body");
	});
	
	
</script>

</head>
<body>

















</body>
</html>